<!DOCTYPE html>
<html>
<head>
    <title>Ceadeal 后台管理系统</title>
    <#include "../common/head.ftl"/>
</head>
<body class="cw-body">
<div id="page-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            测试
            <small>bilibili-flv</small>
        </h1>
        <ol class="breadcrumb">
            <li class="active"><a href="/main"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li class="active">测试</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <!-- Your Page Content Here -->
        <video id="videoElement" class="col-md-6 col-xs-12" style="padding:0 !important;"></video>
    </section>
    <!-- /.content -->
</div>

<!-- REQUIRED JS SCRIPTS -->
<#include "../common/script-common.ftl"/>
<script src="/plugin/bilibili-flv/flv.es5.min.js"></script>
<script>
    $(function(){
        if (flvjs.isSupported()) {
            var videoElement = document.getElementById('videoElement');
            videoElement.controls = true;
            var flvPlayer = flvjs.createPlayer({
                type: 'flv',
                url: '/video/xjqxz98rqdjj.flv'
            });
            flvPlayer.attachMediaElement(videoElement);
            flvPlayer.load();
            flvPlayer.play();
        } else {
            alert("当前浏览器不支持");
        }
    })
</script>
</body>
</html>